<!DOCTYPE html>
<html>
<head>
    <title>关注我</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <meta name="description" content="">

    <link rel="stylesheet" href="../../lib/weui.min.css">
    <link rel="stylesheet" href="../../css/jquery-weui.css">
    <link rel="stylesheet" href="../../css/home.css">
<style>
    .div-banner{height: 80px;background-color: #A52A2A;text-align: center;position: relative}
    .div-banner h3{color: orange;padding-top:0.9rem;font-size: 0.8rem}
    .banner-user-head{border-radius: 50% ;position: absolute;width: 60px;
        border: white solid 4px;display: block;
        margin: auto;  top: 0; left: 0; bottom: -100px; right: 0; }
    .div-vertical-context{text-align: center;padding-top: 50px;padding-bottom:50px}
    .div-vertical-context p{padding:4px;font-size: 0.8rem}
    .div-vertical-context h4{border-bottom:3px solid darkred;display:-webkit-inline-box;font-size: 0.8rem}

</style>
</head>
<body>
<div class="weui-flex">
    <div class="weui-flex__item">
        <div class="home-header" >
            <h2>工作室名片</h2>
        </div>
        <div class="div-banner">
            <h3>欢迎关注我的中医工作室</h3>

            <img src="../images/head.jpg" class="banner-user-head">
        </div>
        <div class="div-vertical-context">
            <p><h4>郑洛恩</h4></p>
            <p>医师</p>
            <p>金东区临浦镇中心卫生院</p>
            <p><img src="../images/qrcode.png"></p>
            <p>
                1:长按上方二维码微信自动识别
            </p>
            <p>
                2:关注【xx健康】公众号
            </p>
            <p>
                3:微信向我发起在线咨询
            </p>
        </div>
    </div>
</div>

<script src="/lib/jquery-2.1.4.js"></script>
<script src="/lib/fastclick.js"></script>
<script src="/js/home.js"></script>
</body>

</html>